import React from 'react';

// 公共组件
export class NavBar extends React.Component {
  render() {
    return (
      // 公共组件库定义好样式，使用者直接包裹要渲染的文本即可。
      <div style={{ display: 'flex', backgroundColor: 'pink' }}>
        <span>&lt;</span>
        <div style={{ flex: 1, textAlign: 'center' }}>
          {this.props.children}
        </div>
      </div>
    );
  }
}
